<template>
	<view>
		<view style="width: 100%;height: 812px;background-color: #F5F5F5">
			<view class="top">
				<view class="top2">
					<text class="text1">账户余额</text>
					</br>
					</br>
					<text class="text1" style="font-size: 60rpx;">￥123{{' '}}
					<text style="font-size: 20rpx; text-align: right;" @click="mingxi">明细</text>
					</text>
				</view>
			
			</view>
	
			<view class="pson">
				<view class="icon1" @click="tx">
					<u-icon name="red-packet" color="#F89234" size="90rpx" style="margin-left: 10px;"></u-icon>
					<text style="margin-left: 20px;">提现</text>
				</view>
				<view class="icon2">
					<u-icon name="list" color="#F89234" size="90rpx" style="margin-left: 5px;"></u-icon>
					<text style="margin-left: 14px;">充值</text>
				</view>
			</view>
			<view class="pson1">
				<div style="height: 10px;"></div>
				<u-row  style="width: 100%; height: 50px; "v-for="a in walletlist" :key="a.id" >
					<u-col span="8" style="margin-left: 15px;">
						<p style="font-size: 18px;" >提现</p>
						
						<p style="font-size: 12px;">2023-2-11 10:30 </p>
					</u-col>
					<u-col span="4">
						<p style="color:#696a6f;"> -￥10.70 </p>
						
					</u-col>
				</u-row>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
			data(){
				return{
					walletlist:[{
						id:"",
						yyy:1,
						
					}],
			
				}
			},
			methods:{
				
				

			
			},
	}
</script>
<style scoped lang="scss">
	.head{
		text-align: center;
		background: #FF6E53;
		color: white;
	}
	.top{
		width:100%;
		height:278rpx;
		background-color: #FF6E53;
		border-bottom-right-radius: 50rpx;
		border-bottom-left-radius: 50rpx;
	
	}
	.top2{
		width:100%;
		height:60rpx;
		text-align: center;
		padding-top: 40rpx;
		font-size: 25rpx;
		color: white;
	}
	.ps{
		position: absolute;
		top:0rpx;
		color: white;
		
	}
	.pson{
		margin-left: 20rpx;
		width: 710rpx;
		height:130rpx;
		background-color: white;
		position: absolute;
		top: 230rpx;
		border-radius: 30rpx;
		
	}
	.pson1{
		margin-left: 20rpx;
		width: 710rpx;
		height:700px;
		margin-top: 60px;
		background-color: white;

		top: 230rpx;
		border-radius: 30rpx;
		
	}
	.icon1{
		margin-left: 150rpx;
		width:130rpx;
		height:130rpx;
		font-size: 20rpx;
		float: left;
	}
	.icon2{
		margin-right: 100px;
		width:130rpx;
		height:130rpx;
		font-size: 20rpx;
		float: right;
	}
	.zhong{
		margin-left: 20rpx;
		border-radius: 30rpx;
		width: 710rpx;
		height: 250rpx;
		background-color: white;
		margin-top: 100rpx;
		padding-bottom: 20rpx;
	}
	.dan{
	
		border-radius: 30rpx;
		margin-left: 20rpx;
		margin-top: 50rpx;
		width: 100%;
		height: 100%;
		background-color: white;
	}
	
</style>